<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="${pageContext.request.contextPath}/assets/images/favicon.png" type="image/png">
    <title>用户列表</title>

    <!--Begin  Page Level  CSS -->
    <link href="${pageContext.request.contextPath}/assets/plugins/morris-chart/morris.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/assets/plugins/jquery-ui/jquery-ui.min.css" rel="stylesheet"/>
    <!--End  Page Level  CSS -->
    <link href="${pageContext.request.contextPath}/assets/css/icons.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/assets/css/bootstrap.min.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/assets/css/style.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/assets/css/responsive.css" rel="stylesheet">
    <style>
        .main-content {
            background-color: white;
        }

        tr td a {
            margin-right: 10px;
        }

        .container .table thead tr th {
            line-height: 60px;
            text-align: center;
        }

        .container .table tbody tr td {
            line-height: 60px;
        }

        .btn {
            border-radius: 5px;
        }

        input:focus {
            outline-style: none;
            border: 1px solid dodgerblue;
        }

    </style>
</head>
<body class="sticky-header">
<jsp:include page="../inc/left.jsp"/>

<div class="main-content" style="min-height: 800px !important;;background-color: #eee;">
    <jsp:include page="../inc/header.jsp"/>
    <%--    头--%>

    <div class="wrapper">

        <div class="page-title-box" >
            <h4 class="page-title" style="text-indent: 1em">添加菜单</h4>
            <ol class="breadcrumb">
                <li>
                    <a href="${pageContext.request.contextPath}/index">首页</a>
                </li>
                <li>
                    <a href="${pageContext.request.contextPath}/permissions/admin">权限</a>
                </li>
                <li class="active">
                    添加菜单
                </li>
            </ol>
            <div class="clearfix"></div>
        </div>

        <%--    体--%>
        <div class="container"
             style="background-color: white;;border:1px rgba(0,0,0,0.2) solid; margin-top:25px;height: 530px ;width: 800px;">
            <div style="width: 728px;height: 424px;margin:52px auto;">
                <form action="${pageContext.request.contextPath}/permissions/addMenu" method="post">
                    <label for="menuName"><span style="color: red">*</span>菜单名称：</label>
                    <input type="text" id="menuName" name="title" style="width: 540px;height: 40px;margin-top: 25px;"><br>

                    <label for="upperLevelMenu">&nbsp;&nbsp;上级菜单：</label>
                    <select id="upperLevelMenu" name="id" style="width: 220px;height: 40px;margin-top: 25px;">
                        <option value="0">无上级菜单</option>
                        <c:forEach items="${menuTitleList}" var="mtl">
                            <option value="${mtl.id}">${mtl.title}</option>
                        </c:forEach>
                    </select>
                    <br>

                    <label for="frontEndName"><span style="color: red">*</span>前端名称：</label>
                    <input type="text" name="name" id="frontEndName" style="width: 540px;height: 40px;margin-top: 25px;"/>
                    <br>

                    <label for="frontEndIcon"><span style="color: red">*</span>前端图标：</label>
                    <input type="text" name="icon" id="frontEndIcon" style="width: 540px;height: 40px;margin-top: 25px;">
                    <br>

                    <label>&nbsp;&nbsp;是否显示：</label>
                    <input type="radio" checked="checked" name="hidden" value="0" style="margin-top: 25px;"/>是&nbsp;&nbsp;&nbsp;&nbsp;
                    <input type="radio" name="hidden" value="1" style="margin-top: 25px;"/>否
                    <br>

                    <label for="sorts">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;排序：</label>
                    <input type="text" name="sort" id="sorts" style="width: 540px;height: 40px;margin-top: 25px;">
                    <br>

                    <div style="padding: 20px 250px; ">
                        <input type="submit" value="提交" class="btn btn-info"/>
                        <input type="reset" value="重置" class="btn btn-default"/>
                        <a class="btn btn-default" href="${pageContext.request.contextPath}/permissions/menu">返回</a>
                    </div>
                </form>
            </div>
        </div>


    </div>
</div>


<!--Begin core plugin -->
<script src="${pageContext.request.contextPath}/assets/js/jquery.min.js"></script>
<script src="${pageContext.request.contextPath}/assets/js/bootstrap.min.js"></script>
<script src="${pageContext.request.contextPath}/assets/plugins/moment/moment.js"></script>
<script src="${pageContext.request.contextPath}/assets/js/jquery.slimscroll.js "></script>
<script src="${pageContext.request.contextPath}/assets/js/jquery.nicescroll.js"></script>
<script src="${pageContext.request.contextPath}/assets/js/functions.js"></script>
<!-- End core plugin -->

<!--Begin Page Level Plugin-->
<script src="${pageContext.request.contextPath}/assets/plugins/morris-chart/morris.js"></script>
<script src="${pageContext.request.contextPath}/assets/plugins/morris-chart/raphael-min.js"></script>
<script src="${pageContext.request.contextPath}/assets/plugins/jquery-sparkline/jquery.charts-sparkline.js"></script>
<script src="${pageContext.request.contextPath}/assets/pages/dashboard.js"></script>
<!--End Page Level Plugin-->

</body>
</html>
